﻿@{
    ViewBag.Title = "Home Page";
}
<style type="text/css">
    .product-box {
        padding: 20px 15px 30px 15px;
        padding-bottom: 90px;
    }

    .product-box-title {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        padding-bottom: 15px;
    }

    .acea-row {
        display: flex;
        flex-wrap: wrap;
    }

    .row-between-wrapper {
        align-items: center;
        justify-content: space-between;
    }

    .product-box ul li {
        width: 48%;
        margin-bottom: 15px;
    }

    .product-box-list {
        display: flex;
        flex-wrap: wrap;
    }

    .product-box-list-item {
        width: 48%;
        margin-bottom: 10px;
    }

    .product-box-list-item-margin {
        margin-right: 12px;
    }

    .product-box-list-item-img {
        width: 100%;
        overflow: hidden;
    }

        .product-box-list-item-img img {
            height: 177px;
        }

    .product-box-list-item-title {
        height: 25px;
        line-height: 25px;
        padding: 3px 0px;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
</style>
<div class="product-box">
    <div class="product-box-title">产品展示</div>
    <div class="product-box-list">
        <div class="product-box-list-item product-box-list-item-margin">
            <div class="product-box-list-item-img"><a href="~/Home/Product1"><img src="~/Static/Images/fbee4346f5f3de5add482d57a6377d64.png" /></a></div>
            <div class="product-box-list-item-title"><a href="~/Home/Product1">产品名称</a></div>
        </div>
        <div class="product-box-list-item">
            <div class="product-box-list-item-img"><a href="~/Home/Product1"><img src="~/Static/Images/c0f654452ac2ed58f458cdb0446ba59a.png" /></a></div>
            <div class="product-box-list-item-title"><a href="/">产品名称</a></div>
        </div>
        <div class="product-box-list-item product-box-list-item-margin">
            <div class="product-box-list-item-img"><a href="~/Home/Product1"><img src="~/Static/Images/6a7410624d0b05b9fb72170bd104d23f.png" /></a></div>
            <div class="product-box-list-item-title"><a href="/">产品名称</a></div>
        </div>
        <div class="product-box-list-item">
            <div class="product-box-list-item-img"><a href="~/Home/Product1"><img src="~/Static/Images/827f552106034ef324cd4ae3fa95810e.png" /></a></div>
            <div class="product-box-list-item-title"><a href="/">产品名称</a></div>
        </div>
        <div class="product-box-list-item product-box-list-item-margin">
            <div class="product-box-list-item-img"><a href="~/Home/Product1"><img src="~/Static/Images/5234603af0f2bcc6632447951108846b.png" /></a></div>
            <div class="product-box-list-item-title"><a href="/">产品名称</a></div>
        </div>
        <div class="product-box-list-item">
            <div class="product-box-list-item-img"><a href="~/Home/Product1"><img src="~/Static/Images/59334eaedf77ef0108abeb6ffacb2db9.png" /></a></div>
            <div class="product-box-list-item-title"><a href="/">产品名称</a></div>
        </div>
    </div>
</div>